<template>
	<view style="">
		<view class="" style="background-color: #FFFFFF; padding: 10px;">
			<view class="">
				<view
					style="font-size: 16px; color: #007AFF; display: flex; margin:20rpx 0 0 580rpx; position: absolute;">
					{{salary}}</view>
				<view style="font-size: 16px; margin-bottom: 5px;">{{title}}</view>
			</view>

			<view class="" style="font-size: 14px; display: flex;">
				<view style="margin-right: 10px;">{{location}}</view>
				<view style="margin-right: 10px;">经验{{experience}}</view>
				<view>{{education}}</view>
			</view>

			<view class="" style="font-size: 12px; margin-top: 3px; color: #959595">
				{{description}}
			</view>
		</view>

		<view class="" style="background-color: #FFFFFF; margin-top: 10px; padding: 10px; height: 557px;">
			<view style="font-size: 16px;  border-bottom: 1px solid #BBBBBB; padding-bottom: 10px;">职位说明</view>
			<rich-text :nodes="content"></rich-text>
		</view>
		<view class="" style="margin-top: 20px; padding: 5px 0; background-color: #FFFFFF;" @click="showadd()">
			<button
				style="width: 288px; height: 30px; font-size: 12px; background-color: #007AFF; color: #FFFFFF">立即联系</button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				salary: '',
				title: '',
				location: '',
				experience: '',
				education: '',
				description: '',
				content: '',
			}
		},
		onShow() {
			let tmp_data = uni.getStorageSync('tmp_job_info');
			let data = JSON.parse(tmp_data);
			this.salary = data.salary;
			this.title = data.title;
			this.location = data.location;
			this.experience = data.experience;
			this.description = data.description;
			this.content = data.content;
		},
		methods: {
			showadd() {
				uni.showModal({
					title: '客服热线电话',
					content: '18823555231',
					success: function(res) {
						console.log('立即拨号')
					}
				})
			},
		}

	}
</script>

<style>
</style>
